<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			li{
				list-style: none;
			}
			#business-wrap{
				width: 100%;
			}
			#business_partner{
				margin: 0 auto;
				width: 900px;
				height: 318px;
				text-align: center;
				overflow: hidden;
			}
			#business_partner h2{
				
				font-size: 30px;
				color: #8a0e28;
				letter-spacing:15px;
				font-weight: normal;
				margin-top: 18px;
				
			}
			#business_partner p{
				line-height: 30px;
				font-size: 16px;
				color: #2f2f2f;
			}
			#list{
				width: 900px;
				height: 236px;
			}
			#list a{
				display: block;
				width: 225px;
				height: 118px;
				background: url(images/bg.png);
				float: left;
			}
			#list a:nth-of-type(2){
				background: url(images/bg.png) -225px 0;
			}
			
			#list a:nth-of-type(3){
				background: url(images/bg.png) -450px 0;
			}
			#list a:nth-of-type(4){
				background: url(images/bg.png) -675px 0;
			}
			#list a:nth-of-type(5){
				background: url(images/bg.png) 0 -118px;
			}
			#list a:nth-of-type(6){
				background: url(images/bg.png)  -225px -118px;
			}
			#list a:nth-of-type(7){
				background: url(images/bg.png) -450px -118px;
			}
			#list a:nth-of-type(8){
				background: url(images/bg.png) -675px -118px;
			}
			#footer-wrap{
				width: 100%;
				height: 288px;
				background: url(images/footer.jpg);
			}
			#footer{
				margin: 0 auto;
				width: 900px;
				padding-top: 54px;
			}
			#footer .top{
			padding-bottom: 50px;
				margin: 0 auto;
				width: 506px;
				height: 125px;
				background: url(images/weizi.png) no-repeat;
			}
			#footer .middle{
				width: 450px;
				margin: 0 auto;
				display: flex;
				justify-content: space-around;
			}
			.middle img{
				width: 51px;
				height: 50px;
			}
			
			#copy{
				width: 100%;
				height: 42px;
				background: #181818;
				
			}
			#copy p{
				text-align: center;
				color: #fff;
				font-size: 16px;
				line-height: 42px;
			}
			
		</style>
	</head>
	<body>
		<div id="business-wrap">
			<div id="business_partner">
				<h2>合作商家</h2>
				<p>business partner</p>
				<ul id="list">
					<a href="http://www.lashou.com/"></a>
					<a href="http://www.lefeng.com/"></a>
					<a href="https://www.m18.com/?jaehuid=2025602986"></a>
					<a href="https://www.baidu.com/"></a>
					<a href="http://zz.58.com/"></a>
					<a href="http://www.dangdang.com/?_utm_brand_id=11106&_ddclickunion=460-5-biaoti|ad_type=0|sys_id=1"></a>
					<a href="http://www.yhd.com/?tracker_u=2225501&cp=0&cityId=187"></a>
					<a href="https://www.amazon.cn/?tag=baidu250-23&hvadid={creative}&ref=pz_ic_22fvxh4dwf_e"></a>
				</ul>
			</div>
		</div>
		<div id="footer-wrap">
			<div id="footer">
				<div class="top">
					
				</div>
					
				
				<ul class="middle">
					<img src="images/qq.png" alt="" />
					<img src="images/meg.png" alt="" />
					<img src="images/wei .png" alt="" />
				</ul>
				
			</div>
		</div>
		<div id="copy">
			<p>河南省郑州市</p>
		</div>
	</body>
</html>
